<template>
	<div class="quick-box">
		<ul>
			<li v-for="item in iconInfo" track-by="$index">
				<a v-link="{path: 'supermarket'}">
					<img :src=item.iconUrl />
					<p>{{item.iconTitle}}</p>
				</a>
			</li>
		</ul>
	</div>
</template>

<script>
	
	export default {
		data: function () {
			return {
				"iconInfo": [
					{	
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3301/261/1815031939/13049/b36eb2e8/57d53e8bN25d40038.png',
						'iconTitle': '超市'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3286/167/1907269933/15789/da204cbe/57d53f16Nf3431cbd.png',
						'iconTitle': '全球购'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3208/285/1806438443/12227/e35aa8d/57d5407cN0d6adf20.png',
						'iconTitle': '生鲜'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3079/222/1812395993/14681/29321e2c/57d54122N700d9c1b.png',
						'iconTitle': '到家'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3268/268/1777243376/17738/62088218/57d5418cNb96ca16a.png',
						'iconTitle': '充值中心'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3301/261/1815031939/13049/b36eb2e8/57d53e8bN25d40038.png',
						'iconTitle': '金融'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3286/167/1907269933/15789/da204cbe/57d53f16Nf3431cbd.png',
						'iconTitle': '领券'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3208/285/1806438443/12227/e35aa8d/57d5407cN0d6adf20.png',
						'iconTitle': '领券'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3079/222/1812395993/14681/29321e2c/57d54122N700d9c1b.png',
						'iconTitle': '物流查询'
					},{
						'iconUrl': 'http://m.360buyimg.com/mobilecms/s80x80_jfs/t3268/268/1777243376/17738/62088218/57d5418cNb96ca16a.png',
						'iconTitle': '我的关注'
					}
				]
			}
		}
//		props: ['navdata']
	}
	
</script>

<style lang="scss" scoped>
	
@import "../../../assets/css/variables.scss";	
	
.quick-box ul li {
	float: left;	
	width: $w100 / 5;
	text-align: center;
	img {
		width: $defaultPadding * 2;
		height: $defaultPadding * 2;
	}
	a {
		color: $defaultGray;
	}
}	
	
</style>